body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:14px/1.5 '\5FAE\8F6F\96C5\9ED1';}
body{background:#fff;font-family:"微软雅黑";color:#333}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}
address,cite,dfn,em,var,i{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:80%}
ul,ol{list-style:none}
a{text-decoration:none;color:#008AFF}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
fieldset,img{border:0}
input:focus,textarea:focus{outline:none}
legend{color:#333}
textarea{resize:none;overflow:auto;vertical-align:top}
button{cursor:pointer;padding:0}
table{border-collapse:collapse;border-spacing:0}
svg{fill: currentColor; vertical-align: middle;}
.cf{*zoom:1}
.cf:before,.cf:after{display:table;content:"";line-height:0}
.cf:after{clear:both}
.clear{clear:both;width:1px;height:0;font-size:1px;visibility:hidden;overflow:hidden}
.fl{float:left}
.fr{float:right}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.fn{font-weight:normal!important}
.fb{font-weight:bold}
.f12{font-size:12px}
.f14{font-size:14px}
html,body{width: 100%;min-width: 1280px;}
.header{
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
}
.header .logo{
	display: inline-block;
    width: 44px;
	height: 32px;
	margin-top: 10px;
	cursor: pointer;
	background-image: url("../images/logo.png");
}
.header .title{
	margin-left: 10px;
	font-size: 24px;
	vertical-align: 6px;
}
.header .loading{
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	padding: 0 15px;
	border-radius: 14px;
	margin-top: 16px;
}
.change_theme{
	margin-left: 50px;
	cursor: pointer;
	padding: 4px 10px;
}
.change_theme:hover{
	text-decoration: underline;
}
.header .loading:hover{
	opacity: .9;
	cursor: pointer;
}
.header .head_icon{
    display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	margin: 10px 20px;
	cursor: pointer;
	background-image: url("../images/head_icon.png");
	background-size: cover;
}
.header .out{
    font-size: 16px;
}
.header .out:hover{
	opacity: .9;
	cursor: pointer;
	text-decoration: underline;
}
.menu{
	padding: 0 20px;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	overflow: hidden;
}
.menu ul{
	margin-left: 40px;
}
.menu li{
	float: left;
	padding: 0 30px;

}
.menu .active .shadow{
	position: relative;
	display: block;
	width: 150%;
	height: 60px;
	border-radius: 50px;
	left: -25%;
}
.menu li:hover{
	cursor: pointer;
	opacity: .8;
}
.menu time{
	margin-right: 10px;
}
.main{
	min-height: 800px;
	overflow: hidden;
}
.left_menu{
	width: 200px;
	position: absolute;
	left: 0;
	top: 108px;
}
.left_menu li{
	width: 200px;
	font-size: 16px;
	line-height: 40px;
	cursor: pointer;
}
.left_menu .tit{
	display: block;
	width: 160px;
	padding: 0 14px 0 10px;
	margin-left: 8px;
}
.left_menu .min_menu span{
	display: block;
	font-size: 14px;
    text-indent: 30px;
	border: solid 1px transparent;
}
.left_menu .min_menu{
	height: 0px;
	overflow: hidden;
}
.left_menu li.active .min_menu{
	height: auto;
}
.arrow{
	display: inline-block;
	width:0;
	height:0;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
}
.left_menu li .arrow{
	margin-top: 16px;
}
.left_menu li:hover .arrow,.left_menu li.active .arrow{
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:none;
}
.left_menu li:hover .min_menu{
	height:auto;
}
.mainBody{
	box-sizing: border-box;
	overflow: hidden;
	min-height: 880px;
}
.main .mainBody{
	margin-left: 200px;
}
#content{min-height: 880px;}
footer{
	height: 60px;
	text-align: center;
	padding-top: 20px;
}
footer span{
	display: block;
}
.y_box{
	box-sizing: border-box;
	border-radius: 4px;
}
.y_box .title{
    padding: 10px 0 4px 10px;
}
.y_box .title i{
	display: inline-block;
	width: 6px;
	height: 20px;
}
.y_box .tit{
	font-size: 16px;
	line-height: 30px;
	color: #7989b0;
	border-bottom: solid 1px rgba(200,210,220,0.9);
}
.y_box .title span{
	vertical-align: 4px;
	font-size: 16px;
	margin-left: 4px;
}
.tool{
	height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.tool .time_tool{
	margin-right: 140px;
}
.time_tool .radio{
	display: inline-block;
	line-height: 46px;
	margin: 0 10px;
}
.time_tool span input{
	vertical-align: middle;
}
.time_tool span input[type="text"]{
	width: 80px;
	padding: 0 10px;
	border-radius: 4px;
}
.tool select{
	background-color: #dce3e9;
}
.tool .select{
	display: inline-block;
	margin-right: 20px;
	margin-top: 10px;
}
.radio input[type="radio"] {
	opacity: 0;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	cursor: pointer;
	position: relative;
	z-index: 3;
}
.radio input[type="radio"] + span{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius:8px;
	vertical-align: middle;
	margin-left: -23px;
	/*border:2px solid #03b9ee;*/
}
.radio input[type="radio"]:checked + span{
	/*background:#03b9ee;*/
}
.v_menu{
	height: 100%;;
	margin-left: 20px;
	display: inline-block;
}
.v_menu span{
	 display: inline-block;
	 padding: 4px 14px;
	 border-radius: 13px;
	 margin-top: 10px;
 }
.v_menu span:last-child{
	margin-left: 10px;
}
.v_menu span:hover{
	cursor: pointer;
	opacity: .8;
}
.top_tool{
	text-indent: 20px;
	height: 46px;
}
.v_line{
	display: inline-block;
	width: 1px;
	height: 70%;
	left: 51%;
	top: 22.5%;
	position: absolute;
}
.button {
	background-color: #eee;
	font-weight: 300;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	line-height: 34px;
	border-radius: 5px;
	height: 34px;
	padding: 0 40px;
	margin: 0;
	display: inline-block;
	appearance: none;
	cursor: pointer;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.button:hover{
	cursor: pointer;
	opacity: .8;
}
.button-primary{
	background-color: #ff9e00;
	color: #fff;
}
.button-reset{
	background-color: transparent;
	margin-left: 50px;
	border: solid 1px #ccc;
}
.button_add{
	color: #fff;
	background: -webkit-linear-gradient(left, rgba(77,114,245,0.6) , rgba(77,114,245,1)); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left, rgba(77,114,245,0.6) , rgba(77,114,245,1)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left, rgba(77,114,245,0.6) , rgba(77,114,245,1)); /* Firefox 3.6 - 15 */
	background: linear-gradient(left, rgba(77,114,245,0.6) , rgba(77,114,245,1)); /* 标准的语法 */
}
.button_add svg{
	width: 20px;
	height: 20px;
	margin-right: 10px;
	vertical-align: middle;
}
.w3{width: 30%;}
.w4{width: 40%;}
.w5{width: 49.5%;}
.w6{width: 59%;}
.w7{width: 69%;}
.w10{width: 100%;}
.w3,.w4,.w5,.w6,.w7,.w10{border-radius: 5px;box-sizing: border-box;}
.y_table{
	width: 100%;
	margin: 0 auto;
	border: solid 1px #ccc;
}
.y_table td{
	padding: 8px 15px;
}
.y_table tr:nth-child(2n) td{
	background-color: rgba(250,250,250,0.8);
}
.y_table tr td:nth-child(2n+1){
	background-color: #edeef0;
	font-weight: 600;
}
.y_table tr:hover td{
	background-color: rgba(200,237,250,0.9);
}
.w10 .left,.w10 .right{
	width: 50%;
}
.w10 .left div:nth-child(0){
	border-right: solid 1px #ccc;
}


